<template>
	<view :style="viewColor" class="body">
		<web-view :src="url" ></web-view>
	</view>
</template>

<script>
	let app = getApp();
	import {
		mapGetters
	} from "vuex";
	import { configMap } from '@/utils';
	import { HTTP_REQUEST_URL } from '@/config/app';
	export default {
		data() {
			return {
				domain: HTTP_REQUEST_URL,
				url: ''
			};
		},
		computed: configMap(['hide_mer_status'], mapGetters(['isLogin','viewColor','keyColor'])),
		onLoad(options) {
			console.log(888, options, decodeURIComponent(options.url))
			if(!options.url) return this.$util.Tips({title: '链接不能为空'}, {
				tab: 3
			})
			this.url = decodeURIComponent(options.url);
		},
		mounted: function() {
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
.body {
	padding: 0 30rpx;
	background-color: #fff;
}
.popular_circle_tag {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	padding: 30rpx 0;
	overflow: hidden;
	.popular_circle_tag_list {
		flex: 1;
		display: flex;
		flex-wrap: nowrap;
		white-space: nowrap;
		grid-gap: 30rpx;
		overflow: hidden;
		.popular_circle_tag_item {
			font-size: 28rpx;
			font-weight: 500;
			color: #323232;
			line-height: 40rpx;
			margin-right: 40rpx;
			display: inline-block;
			position: relative;
		}
		.popular_circle_tag_item_on {
			font-size: 38rpx;
			font-weight: 500;
			line-height: 52rpx;
			height: 70rpx;
			&::after{
				content: '';
				transition: .5s;
				display: inline-block;
				width: 90%;
				height: 15rpx;
				background: url('http://ly.jukee.net/uploads/default/20230629/335f742a6bee3fdbc75d81c86c6ba350.png') center / contain no-repeat;
				position: absolute;
				left: 5%;
				bottom: 0rpx;
			}
		}
	}
	.more_label {
		width: 40rpx;
		display: flex;
		image {
			width: 40rpx;
			height: 40rpx;
		}
	}
}
</style>
